<template>
  <div class="check">
    <div class="top">用户资料信息详情</div>
    <div class="top-1">管理用户基本信息</div>
    <el-divider />
    <div class="box-1">
         <div>用户名： <input type="text" v-model="user.name"></div>
    <div>员工姓名：</div>
    </div>
   <div class="box-2">
    <div>密码：</div>
    <div>职位名称：</div>
   </div>
   <div class="box-3">
    <div>管理员分类：<input type="text" v-model="user.Administrator"></div>
    <div>职务类别：</div>
   </div>
   <div class="box-4">
    <div>部门名称：<input type="text" v-model="user.branch"></div>
    <div>授权状态：</div>
   </div>
  </div>
</template>

<script setup>
import axios from "axios";
import { onMounted, reactive } from "vue";
import { useRoute } from "vue-router";
var route=useRoute();
var user = route.query
console.log(user);
var checkdata=reactive({username:'',name:'',branch:'',pass:'',posname:'',postype:''})
// onMounted(()=>{
//   checkdata.username=route.query.name;
//    checkdata.name=route.query.name;
//    checkdata.branch=route.query.branch;
// })
var check =()=>{
  axios.post('/api/user/check',checkdata).then((res)=>{
    console.log(res);
    if(res.data.status==200){
      alert(res.data.msg)
      
    }
  })
}
</script>

<style scoped>
.top {
  font-size: 20px;
  margin-bottom: 30px;
  margin-left: 400px;
}
.box-1{
    display: flex;
    margin-bottom: 20px;
    justify-content: space-around;
}
.box-2{
    display: flex;
     margin-bottom: 20px;
     justify-content: space-around;
}
.box-3{
    display: flex;
     margin-bottom: 20px;
     justify-content: space-around;
}
.box-4{
    display: flex;
     margin-bottom: 20px;
     justify-content: space-around;
}
</style>